{include file="public/head"/}
<link rel="stylesheet" href="__LAYADMIN__/style/template.css" media="all">
<style>
    .cmdlist-container{border: 1px solid #ececec;text-align: center;}
    .cmdlist-container .img-box{height: 180px;line-height:180px;border-bottom: 1px solid #ececec;}
    .imgList{cursor: pointer;}
    .imgList img{cursor: pointer;}
    .cmdlist-container img{width: auto;max-width: 100%;max-height:180px;display: inline-block; vertical-align: middle;}
    .select .cmdlist-container{position: relative;}
    .select .cmdlist-container .seimg{position:absolute;width: 30px;height: 30px;top: 0;right: 0;background-image: url("/static/admin/images/duigou.png"); background-size: 100%;}
    .layadmin-cmdlist-fluid{padding-bottom: 0;}
    .pagination{padding: 0!important;}
    .pagination li{list-style-type: none;float: left;display: inline-block;padding: 8px 12px;border: 1px solid #e2e2e2;}
    .pagination li a{display: inline-block;padding: 8px 12px;width: 100%;height: 100%;}
    .pagination li span{display: inline-block;padding: 8px 12px;width: 100%;height: 100%;}
    .pagination .disabled{color: #d2d2d2!important;cursor: not-allowed!important;}
    .pagination .active{background-color: #009688;color: #fff;}
    .img-view{padding: 15px 0;}
</style>
<div class="layui-fluid layadmin-cmdlist-fluid">
    <div class="layui-row layui-col-space30">
        {volist name='list' id="vo"}
        <div class="layui-col-md4 layui-col-sm4 layui-col-xs4 imgList" data-id="{$vo.id}" data-url="{$vo.url}">
            <div class="cmdlist-container">
                <div class="img-box">
                    <img id="img{$vo.id}" src="{$vo.url}">
                </div>
                <div class="img-view">
                    <a href="{$vo.url}" target="_blank" class="layui-btn layui-btn-xs">点击查看</a>
                </div>
                <div class="seimg"></div>
            </div>
        </div>
        {/volist}
        <div style="clear: both;"></div>
    </div>
    <div class="layui-col-md12 layui-col-sm12">
        {$page|raw}
    </div>
</div>
{include file="public/foot"/}
<script>
    layui.use('layer', function(){
        var $ = layui.$;
        $('.imgList').click(function(){
            $(this).addClass('select');
        })
    })
</script>
</body>
</html>
